@extends('front.common.layout')

@section('title',$data['info']->title)
@section('keywords',$data['info']->keywords)
@section('description',$data['info']->description)
@section('content')
    <!-- banner -->
    <div class="inner-banner has-base-color-overlay text-center"
         style="background: url({{ asset('/front/images/background/product-banner.jpg') }});">
        <div class="container">
            <div class="box">
                <h3>Project</h3>
            </div>
        </div>
    </div>
    <div class="breadcumb-wrapper">
        <div class="container">
            <div class="breadcrumb_bar">
                <div class="breadcrumb_menu">
                    <ul class="link-list">
                        <li>
                            <a href="{{ url('/') }}">Home</a>
                        </li>
                        <li>
                            Project
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- banner end -->
    <section class="service-single">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="service-sidebar">
                        <div class="inner-title">
                            <h3>Project List</h3>
                        </div>
                        <ul class="service-catergory">
                            @foreach($data['cases'] as $v)
                                <li @if($v->id == $data['info']->id) class="active" @endif>
                                    <a href="{{ url('project-detail',$v->id) }}">{{ $v->case_title }}</a>
                                    <span class="view-all-icon fa fa-caret-right"></span>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
                <div class="col-md-9">
                    <div class="outer-box">
                        <div class="video-column">
                            <div class="video-image-box">
                                <figure class="img-box">
                                    <img src="{{ asset($data['info']->banner) }}" alt="{{ asset($data['info']->banner) }}">
                                </figure>
                            </div>
                        </div>
                        <div class="inner-title">
                            <h3>{{ $data['info']->case_title }}</h3>
                        </div>
                        <div class="text">
                           {!! $data['info']->case_content !!}
                        </div>
                        <br>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection

@section('script')
    <script>
        //Filter-list
        if($('#product-list').length){
            var first_item = $('.filter-btns li').first().data('filter')
            console.log(first_item)
            $('#product-list').mixItUp({})
        }
    </script>
@endsection
